<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
     <button>点击</button>
     <div>
         <h3 class='one'>div的内容</h3>
         <p>div----pppppppppppp</p>
     </div>
    
     <p class='one'>测试appendTo1</p>
     <p>测试appendTo</p>
     <p class='two'>测试appendTo3</p>
    
</body>
</html>
<script src="./lib/jquery.min.js"></script>
<script>
    $(()=>{
        
        $("button").click(()=>{

              //添加节点
             // $("div").append("<h1>hello</h1>") 
              //把p元素添加到div元素中
            //$("p").appendTo("div");
            //把元素添加到元素的前面
            //$("div").prepend("<p>我在前面</p>")

            //$("<p>我在前面</p>").prependTo("div");
           
           //$("p").after($("div")); 

          // $("p").after("<p>after</p>")
          // $("div").before($("p"));
          //$("p").wrap("<div></div>")
          //$("p").wrapAll("<div></div>")
       
          //$("p:eq(0)").replaceWith("<h1>h1</h1>");

          // $("<h3>替换的</h3>").replaceAll(".one,.two")
      
         //$("div").empty();
        // $("div").html("")
        //$("div").remove();
    
        //$("div p").remove();

        //筛选
        //$("p:eq(1)")
        $("p").eq(1)

         })
    });
</script>